import { DemoBlock } from 'demos'
import { FilePicker } from 'grace-design'
import React from 'react'

export default () => {
  return (
    <>
      <DemoBlock title="文件选择器">
        <FilePicker
          onChange={() => {
            console.log('this is filepicker')
          }}
        >
          选择文件
        </FilePicker>
      </DemoBlock>

      <DemoBlock title="图片选择器">
        <FilePicker
          onChange={() => {
            console.log('this is imagepicker')
          }}
          accept="image/*"
          id="imagepicker"
        >
          选择图片
        </FilePicker>
      </DemoBlock>

      <DemoBlock title="可多选的图片选择器">
        <FilePicker
          onChange={() => {
            console.log('this is multiple imagepicker')
          }}
          accept="image/*"
          multiple={true}
          id="multiplepicker"
        >
          多选图片
        </FilePicker>
      </DemoBlock>
    </>
  )
}
